<template>
  <div>
    <button @click="fn">AAA{{ obj.isMobile }}</button>
    <myButton size='big' color='red' />
  </div>
</template>
<script>
// @ is an alias to /src
import myButton from './my-button'
export default {
  name: 'XXX',
  props: ['tt'],
  inject: ['obj'],
  data() {
    return {
      name: "AAAA"
    }
  },
  methods: {
    fn() {
      // console.log(this.AAA)
      console.log(this)
      this.$root.rootName = 8888
    }
  },
  components: {
    myButton
  }
}
</script>
<style lang="less">
</style>